<template>
    <div class="container-content detail">
        <div class="detail-container">
            <el-row>
                <el-col :span="24">
                    <h3 class="panel-title"></h3>
                </el-col>
            </el-row>
            <el-descriptions
                class="detail-descriptions"
                title="投标结果详情"
                :column="1"
                border
                colon
            >
                <el-descriptions-item>
                    <template slot="label"> 标书 </template>
                    {{ formObject.bidId || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 投标信息 </template>
                    {{ formObject.tenderId || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 投标总结 </template>
                    {{ formObject.tenderRemarks || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 中标单位 </template>
                    {{ formObject.winBidCompany || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 中标金额 </template>
                    {{ formObject.winBidMoney || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 中标金额大写 </template>
                    {{ formObject.winBidMoneyCh || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">是否中标 </template>
                    <el-tag v-if="formObject.isWinBid == 1" type="success"
                        >是</el-tag
                    >
                    <el-tag v-else-if="formObject.isWinBid == 2" type="danger"
                        >否</el-tag
                    >
                    <span v-else>--</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 创建时间 </template>
                    {{ formObject.createTime || "--" }}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label"> 更新时间 </template>
                    {{ formObject.changeTime || "--" }}
                </el-descriptions-item>
            </el-descriptions>
        </div>
    </div>
</template>
<script>
import { getDetailResultList } from "@/api/system/tender";
export default {
    props:['rowId'],
    data() {
        return {
            formObject: {
                bidId: "",
                buyTime: "",
                changeTime: "",
                createTime: "",
                customerId: "",
                id: "",

                tenderId: "",
                token: "",
                userId: "",
                isWinBid: "",
                winBidMoney: "",
                winBidCompany: "",
                winBidMoneyCh: "",
                tenderRemarks: "",
            },
        };
    },
    methods: {
        getData(id) {
            getDetailResultList(id).then((res) => {
                if (res.code === 200) {
                    this.formObject = res.data;
                }
            });
        },
    },
    created() {
        this.getData(this.rowId);
    },
};
</script>
<style lang="scss" scoped>
.detail-bg {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.detail {
    background: #f1f4f5;
    height: 100%;
}
.detail-container {
    width: 98%;
    margin: 1%;
    background: #fff;
    z-index: 3;
    position: relative;
    border-radius: 10px;
    padding: 20px;
}
.detail-descriptions {
    padding-left: 40px;
    padding-right: 40px;
}
::v-deep .el-descriptions-item__label.is-bordered-label {
    width: 20%;
}
</style>
